{%- set leftK = "{" -%}
{%- set rightK = "}}" -%}
{%- set leftdK = "{{" -%}
{%- set rightdK = "}}" -%}
{%- set md = "$" -%}
<template>
    <div class="filter-container">     
       {%- for f in fields %}
       <el-input style="width: 200px;" class="filter-item" :placeholder="{{md}}t('table.{{tableName}}.{{f.javaFname}}')" v-model="listQuery.{{f.javaFname}}">
      </el-input>         
      {%- endfor -%}             
      <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleQuery">{{leftdK}}{{md}}t('table.search'){{rightdK}}</el-button>
      <el-button class="filter-item" style="margin-left: 10px;" @click="createHandle" type="primary" icon="el-icon-edit">{{leftdK}}{{md}}t('table.add'){{rightdK}}</el-button>    
    </div>
</template>
<script>
import waves from '@/directive/waves'
export default {
  name: '{{tableName}}Query',
  props: ['createHandle', 'queryHandle'],
  directives: {
    waves
  },
  data() {
    return {
      listQuery: {},
      importanceOptions: [1, 2, 3]
    }
  },
  methods: {
    handleQuery() {
      this.queryHandle(this.listQuery)
    }
  }
}
</script>

